/*margin值*/

/*上*/
.margin-top-10{
  margin-top: r(10) !important;
}

.margin-top-15{
  margin-top: r(15) !important;
}

.margin-top-20{
  margin-top: r(20) !important;
}
.margin-top-30{
  margin-top: r(30) !important;
}
.margin-top-40{
  margin-top: r(40) !important;
}
.margin-top-50{
  margin-top: r(50) !important;
}
.margin-top-60{
  margin-top: r(60) !important;
}


/*左*/
.margin-left-10{
  margin-left: r(10) !important;
}
.margin-left-20{
  margin-left: r(20) !important;
}
.margin-left-30{
  margin-left: r(30) !important;
}
.margin-left-40{
  margin-left: r(40) !important;
}
.margin-left-60{
  margin-left: r(60) !important;
}

/*右*/
.margin-right-10{
  margin-right: r(10) !important;
}
.margin-right-20{
  margin-right: r(20) !important;
}
.margin-right-30{
  margin-right: r(30) !important;
}
.margin-right-40{
  margin-right: r(40) !important;
}

/*下*/
.margin-bottom-10{
  margin-bottom: r(10) !important;
}
.margin-bottom-20{
  margin-bottom: r(20) !important;
}
.margin-bottom-30{
  margin-bottom: r(30) !important;
}
.margin-bottom-40{
  margin-bottom: r(40) !important;
}

/*padding值*/

/*上*/
.padding-top-10{
  padding-top: r(10) !important;
}
.padding-top-20{
  padding-top: r(20) !important;
}
.padding-top-30{
  padding-top: r(30) !important;
}
.padding-top-40{
  padding-top: r(40) !important;
}

/*左*/
.padding-left-10{
  padding-left: r(10) !important;
}
.padding-left-20{
  padding-left: r(20) !important;
}
.padding-left-30{
  padding-left: r(30) !important;
}
.padding-left-40{
  padding-left: r(40) !important;
}

/*右*/
.padding-right-10{
  padding-right: r(10) !important;
}
.padding-right-20{
  padding-right: r(20) !important;
}
.padding-right-30{
  padding-right: r(30) !important;
}
.padding-right-40{
  padding-right: r(40) !important;
}

/*下*/
.padding-bottom-10{
  padding-bottom: r(10) !important;
}
.padding-bottom-20{
  padding-bottom: r(20) !important;
}
.padding-bottom-30{
  padding-bottom: r(30) !important;
}
.padding-bottom-40{
  padding-bottom: r(40) !important;
}

